<template>
    <el-row>
      <el-col :span="19" class="footer_left" >
        <!--<el-checkbox v-model="selectStatus">已经完成{{selectedSize}} / 全部{{todos.length}}</el-checkbox>-->
        <slot name="checkAll"></slot>
      </el-col>
      <el-col :span="5" class="footer_right" >
        <!--<el-button size="mini" type="danger" @click="deleAll" :disabled="selectedSize===0" >清除已完成任务</el-button>-->
        <slot name="deleAll"></slot>
      </el-col>
    </el-row>
</template>

<script>
export default {
  // props: {
  //   selectAll: Function,
  //   deleAll: Function,
  //   todos: Array
  // },

  // computed: {
  //   selectStatus: {
  //     get () {
  //       return this.selectedSize === this.todos.length && this.selectedSize > 0
  //     },
  //     set (status) {
  //       this.selectAll(status)
  //     }
  //   },
  //   selectedSize () {
  //     return this.todos.reduce((preTatal, todo) => preTatal + (todo.status ? 1 : 0), 0)
  //   }
  // },

  methods: {
  }
}
</script>

<style>
  .el-row{
    padding-top: 20px;
  }
  .footer_left{
    line-height: 30px;
    padding-left: 10px;
  }
  .footer_right{
    line-height: 30px;
    text-align: right;
  }
</style>
